import styled from "styled-components";
import { px2rem } from "@/assets/global-style";

export const Wrapper=styled.div`
    position: fixed;
    top: 0;
    width: 100%;
    height: ${px2rem(60)};
    background-color: white;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .tabs_wrapper{
        .adm-tabs-header{
            border: none;
        }
        .adm-tabs-tab{
            color: gray;
            a{
                color: gray;
            }
            padding-bottom:${px2rem(20)};
        }
        .adm-tabs-tab-active{
            font-size: ${px2rem(20)};
            color: black;
            a{
                color: black;
            }
            font-weight: bold;
        }
        
    }
    .sider_wrapper{
        /* margin-left: ${px2rem(35)}; */
        /* width: ${px2rem(100)}; */
        display: flex;
        align-items: center;
        justify-content: space-around;
        .icon{
            font-size: ${px2rem(28)};
            font-weight: bolder;
            padding-right: ${px2rem(20)};
        }
    }
`
